<template>
  <div class="SWDZMX_Map">
    <LeftFoldPanel>
      <CardItem title="村情简介" height="70%">
        <JqjjHtml :data="statisticData.cqjj"></JqjjHtml>
      </CardItem>
      <CardItem title="美丽乡村" height="30%">
        <MlxcList :data="statisticData.mlxc"></MlxcList>
      </CardItem>
    </LeftFoldPanel>
    <RightFoldPanel>
      <CardItem title="基本情况" height="40%">
        <JbqkList :data="statisticData"></JbqkList>
      </CardItem>
      <CardItem title="产业发展" height="35%">
        <CyfzList :data="statisticData"></CyfzList>
      </CardItem>
      <CardItem title="乡村荣誉" height="25%">
        <XcryList :data="statisticData.shry"></XcryList>
      </CardItem>
    </RightFoldPanel>
  </div>
</template>

<script setup lang="ts">
import LeftFoldPanel from '@/components/LeftFoldPanel.vue';
import CardItem from '@/components/CardItem.vue';
import JqjjHtml from './ResourceTab/JqjjHtml.vue';
import RightFoldPanel from '@/components/RightFoldPanel.vue';
import MlxcList from './ResourceTab/MlxcList.vue';
import JbqkList from './ResourceTab/JbqkList.vue';
import CyfzList from './ResourceTab/CyfzList.vue';
import XcryList from './ResourceTab/XcryList.vue';
const props = defineProps({
  statisticData: {
    type: Object,
    default: () => {
      return {};
    }
  }
});

const isFolded = ref(false);
const closePanel = () => {
  isFolded.value = true;
};
const onClickRow = () => {
  isFolded.value = false;
};
</script>

<style lang="scss" scoped></style>
